<template>
    <div class="map-box">
        <div class="top">
            <span>波波星球实时可视化监控大屏</span>
            <Decoration8 class="top-Decoration8" :reverse="true" style="width:300px; height:50px;"/>
        </div>
    </div>
</template>

<script setup>

import { Decoration8 } from '@dataview/datav-vue3'
</script>

<style lang="less" scoped>
.map-box{
    width: 100%;
    height: 100%;
    .top{
        span{
            font-size: 18px;
            color: white;
            font-weight: 700;
            margin-left: 30%;
            display: inline-block;
            margin-top: 10px;
        }
        .top-Decoration8{
            margin-left: 30%;
            margin-top: -10px;
        }
    }
}
</style>